(function (jQuery) {
    //登录用户名状态
    let oUser=JSON.parse(sessionStorage.getItem("sasauserinfo"))
    $(function () {
        if(oUser){
            $("#txt").html("欢迎您:"+oUser.u_name);
            $(".Cart_header p").css("display","none");
            $("#close").css("display","block")
            $("#close").css("float","right")
            $("#close").css("margin-left","10px")

            $("#emtittle").css("display","none")


            $("#close").on("click",function(){
                sessionStorage.removeItem("sasauserinfo");
                window.location="index1.html";
                $(".Cart_header>p").css("display","block");
                $(this).css("display","none")
            })
        }

    })


    $(function () {
        let xp=sessionStorage.getItem("sasauserinfo");
        // 判断是否登录
        if(xp== null) {
            var cartDate = JSON.parse($.cookie("carts") || '[]');

            console.log(cartDate);
            //一开始进来页面默认为空
            $("#tab").html("");
            cartDate.forEach((ele, index) => {
                var strHtml = `
                            <tr>
                                <th>
                                    <input type="checkbox">
                                    <span><img src="${ele.img[0]}" alt="" height="100%"></span>
                                </th>
                                <th>${ele.goodsName}</th>
                                <th>${ele.price}</th>
                                <th>
                                    <em class="sub" data-index="${ele.gid}">-</em>
                                    <input type="text" id="sl" value="${ele.num}">
                                    <em class="add" data-index="${ele.gid}">+</em>
                                </th>
                                <th>${ele.price * ele.num}</th>
                                <th><a href="javascript::;" class="del">删除</a></th>
                            </tr>`;
                $("#tab").append(strHtml);
                var strnum=`${ele.price * ele.num}`
                $(".total").append(strnum)
                var strTXT=`${ele.num}`
                $(".number").append(strTXT);
            });

            //封装读取金额的方法
            function total() {
                var total = 0;
                $("#tab").find("[type=checkbox]").each(function (index, ele) {
                    if ($(ele).prop("checked")) {
                        total += ($(ele).parents("tr").children("th").eq(4).text() - 0)
                    }
                });
                $("#myfoot").find(".total").text(total)
                console.log(total);
            }


            //数量减少
            $("#tab").on("click", ".sub", function (e) {
                var num = $(this).next("#sl").val();
                if (num > 1) {
                    num--
                }
                $(this).next("#sl").val(num)
                var price = $(this).parents("th").prev("th").text();
               // $(this).parents("th").next("th").text(num * price).toFixed(2));
                $(this).parents("tr").find("[type=checkbox]").prop("checked", true)
                total()


                cartData.forEach((ele, index) => {
                     if($(e.target).data('index') == ele.gid) {
                        ele.num--;
                        cartData.splice(index,1, ele);
                        $.cookie("carts", JSON.stringify(cartData), {expires: 10})
                    }
                });
            });


            //数量增加
            $("#tab").on("click", ".add", function (e) {
                var num = $(this).prev("#sl").val();
                if (num > 0) {
                    num++
                }
                $(this).next("#sl").val(num)
                var price = $(this).parents("th").prev("th").text();
                //$(this).parents("th").next("th").text(num * price).toFixed(2));
                $(this).parents("tr").find("[type=checkbox]").prop("checked", true)
                total()

                cartData.forEach((ele, index) => {
                    if ($(e.target).data('index') == ele.gid) {
                        ele.num++;
                        cartData.splice(index, 1, ele);
                        $.cookie("carts", JSON.stringify(cartData), {expires: 10})
                    }
                });
            })


            $("#tab").on("click",".del",function (e) {

                cartData.forEach((ele,index)=>{
                    if($(e.target).data('index')==ele.gid){
                        $(e.target).parents("tr").remove();
                        cartData.splice(index,1);
                        $.cookie("carts",JSON.stringify(cartData))
                    }
                });
            });

            //点击input框  打钩
            $("#tab").on("click","[type=checkbox]",function () {
                total()
            })

            $("#myfoot").on("click","#all",function () {
                $("#tab").find("[type=checkbox]").prop("checked",true);
                total()
                if(this.checked==false){
                    $("#tab").find("[type=checkbox]").prop("checked",false);
                    total()
                }
            })


        }else {
            //登录状态下
            $.ajax({
                url: "../../server/getCartsByUser.php",
                type:"post",
                data: {u_id: JSON.parse(xp).u_id}
            }).then(function (res) {
                let gg=JSON.parse(res)
                for (let j in gg) {
                    var str1=`
                                    <tr>
                                        <th>
                                            <input type="checkbox">
                                            <span><img src="${gg[j].c_img}" alt="" height="100%"></span>
                                        </th>
                                        <th>${gg[j].c_name}</th>
                                        <th>${gg[j].c_price}</th>
                                        <th>
                                            <em class="sub" data-index="${gg[j].u_id}">-</em>
                                            <input type="text" id="sl" value="${gg[j].c_num}">
                                            <em class="add" data-index="${gg[j].u_id}">+</em>
                                        </th>
                                        <th>${gg[j].c_price * gg[j].c_num}</th>
                                        <th><a href="javascript::;" class="del">删除</a></th>
                                    </tr>`
                    $("#tab").append($(str1))
                }

                //封装读取金额的方法
                function total(){
                    var total=0;
                    $("#tab").find("[type=checkbox]").each(function (index,ele) {
                        if($(ele).prop("checked")){
                            total+=($(ele).parents("tr").children("td").eq(4).text()-0)
                        }
                    });
                    $("#myfoot").find("td").eq(6).text(total.toFixed(2))
                    //console.log(total);
                }

                //数量减少
                $("#tab").on("click", ".sub", function (e) {
                    var num = $(this).next("#sl").val();
                    if (num > 1) {
                        num--
                    }
                    $(this).next("#sl").val(num)
                    var price = $(this).parents("th").prev("th").text();
                    // $(this).parents("th").next("th").text(num * price).toFixed(2));
                    $(this).parents("tr").find("[type=checkbox]").prop("checked", true)
                    total()


                    cartData.forEach((ele, index) => {
                        if($(e.target).data('index') == ele.gid) {
                            ele.num--;
                            cartData.splice(index,1, ele);
                            $.cookie("carts", JSON.stringify(cartData), {expires: 10})
                        }
                    });
                });


            })
        }

    })
    
    $(function () {
        $("#myfoot").on("click",function () {

            alert("马上跳到到支付页面")
            window.location="https://www.alipay.com";
        })
    })

})(jQuery)